<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js map-page"> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Photographers : Walker Evans</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="/css/styleMain.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>



    <script src="../js/highcharts.js"></script>
    


</head>

<body>

<div id="wrapper" class="clearfix">

<div id="header" class="clearfix">
	<div id="logo">
    	<h1><a href="/"><img src="/images/photogrammar-wordmark.jpg" alt="Yale Photogrammar" title="Yale Photogrammar" /></a></h1>
    </div><!-- /#logo -->
    <nav id="menu" class="menu">
        <ul>
          <li class="single-link">
            <a href="/index.php">Home</a>
            </li>
          <li class="single-link">
            <a href="/map/">Map</a>
            </li>
          <li class="single-link"><!-- Using class="single-link" for links with no dropdown -->
            <a href="/search/">Search</a>
            </li>
          <li class="current"><!-- Using class="single-link" for links with no dropdown -->
            <a href="/photographers/">Photographers</a>
            </li>
          <li class="single-link"><!-- Using class="single-link" for links with no dropdown -->
            <a href="/about/">About</a>
            </li>
          <li class="single-link"><!-- Using class="single-link" for links with no dropdown -->
            <a href="/blog/">Blog</a>
            </li>
        </ul>
    </nav><!-- /#menu -->
</div><!-- /#header -->

<div id="content-wrapper" class="clearfix" style="margin-left:50px;">

<div id="photographers-content" class="clearfix">
	<h2 class="page-title">Walker Evans</h2>

</div><!--/#about-content-->
<div id="container" style="width:100%; height:400px;"></div>

<!-- <div><img src="jc_map.png" style="width:500px;border:1px solid black;"></div> -->






</div><!--/#content-wrapper-->

<div id="footer" class="clearfix">
	<div id="institution-logo" class="footer-logo"><a href="http://www.yale.edu>"><img src="/images/yale-wordmark.jpg"></a></div>
    <div id="partner-logo-01" class="footer-logo"><a href="http://www.neh.gov/divisions/odh"><img src="/images/neh-logo.jpg"></a></div>
</div><!--/footer -->

</div><!--/#wrapper-->

</body>
    <script>
            $('document').ready(function(){
       
       
    $('#container').highcharts({
  plotOptions: {
  
            series: {
                point: {
                    events: {
                        mouseOver: function() {
                        	var xval = this.x + 1960;
                            // change the circleMarker layer in Leaflet
                            setPointLayer(xval);
/* alert(Highcharts.dateFormat('%Y-%m', new Date(xval))) */
                        }
                    }
                }
            }
        },

     credits: {
      enabled: false
  },
        chart: {
     
            type: 'column',
      backgroundColor:'transparent'

			
        },
        tooltip: {


            valueSuffix: ' photos'
        },
		title: { text: null},
		yAxis: {
		title: {text:null},
		 endOnTick: false
        },
        xAxis: {
       lineColor: '#000000',
	         type: 'datetime',
	          tickInterval : 7*24 * 3600 * 1000,
	      labels : { y : 20, rotation: -45, align: 'right' },
        },
            tooltip: {
            formatter: function() {
                return Highcharts.dateFormat('%B %Y', new Date(this.x)) + ': <b>'+ this.y + '</b> photos';
            }
        },   

         series: [{
        	 showInLegend: false,               
               minPointLength: 5,
                color: '#000000',
                borderWidth: 0,
                data: [
                
               <?php
require_once 'login.php';
$db_server = mysql_connect($db_hostname, $db_username, $db_password);

if(!$db_server) die("Unable to connect to MySQL: " .mysql_error());

mysql_select_db($db_database) or die('Unable to connect to MySQL: ' . mysql_error());

$photofreqquery = "SELECT year, month, COUNT(*) AS count FROM photo2 WHERE pname = 'Walker Evans' AND year != '0' AND month!='0' GROUP BY year, month  ORDER BY year, month ASC;";
/* echo $photofreqquery; */
$photofreqresult = mysql_query($photofreqquery) or die(mysql_error());
while($row = mysql_fetch_array($photofreqresult)){
	echo "[Date.UTC(" . $row['year'] . "," . $row['month'] . ",0), " . $row['count'] . "   ],";

};

?>                
                ]
    
            }          
    ],
                 });
});  

</script>
    
</html>
